@charset "utf-8";
/**
 * name:        首页样式
 * author:      wuwq & lyj
 * Time:        18/01/26
 * Copyright:   chinadangmai.com
 */

 body{background: #f5f5f5;}
.mod_head, 
.mod_foot, 
.mod_nav{width: 100%;height: auto;margin: 0 auto;}
.mod_head{background: #fff;}
/* 首页头部样式 */
.mod_head_wrap{width: 1190px;height: 130px;background: #fff;margin: 0 auto;}
.mod_logo{display: block;width: 129px;height: 74px;margin: 28px 0 0 36px;float: left;overflow: hidden;position: relative; z-index: 555;}
.mod_logo img{width: 100%;}
/* 搜索框 */
.mod_search{width: 500px;height: 70px;margin: 46px 0 0 140px;float: left;overflow: hidden;}
.search_form{width: 450px;height: 40px;float: left;overflow: hidden;}
.search_wrap{width: 448px;height: 38px;float: left;overflow: hidden;border: 1px solid #ff0000;border-radius: 2px;}
.search_input{width: 438px;height: 38px;margin-left: 10px;border: none;}
.search_btn{width: 40px;height: 40px;background: #ff0000;border-radius: 2px;float: left;overflow: hidden;cursor: pointer;margin-left: 10px;}
.search_btn_icon{display: block;width: 19px;height: 18px;background: url(../img/base/search.png) center center no-repeat;margin: 10px;}
.hot_search{width: 450px;height: 15px;margin: 10px 0;float: left;overflow: hidden;}
.hot_search li{padding: 0 10px 0 0;height: 15px;line-height: 15px;float: left;font-size: 12px;border-right: 1px solid #a5a5a5;margin-right: 10px;}
.hot_search li:last-child{border-right: none;}
.hot_search li a{color: #a5a5a5;}
.hot_search li a:hover{color: #ff0000;}
/* 购物车、客服电话按钮 */
.mod_info{width: 280px;height: 36px;margin: 47px 0 0 0;float: right;}
.shopping_cart{display: block;width: 95px;height: 34px;line-height: 34px;border: 1px solid #eaeaea;float: left;border-radius: 2px; position: relative;}
.shopping_cart em.red{position: absolute; z-index: 1; background: #f10215; color: #fff;  font-size: 12px;top:-3px; right: -3px; border-radius: 50%; min-height: 6px; min-width: 6px; line-height: 6px;}
.shopping_cart .cart_icon{display: block;width: 20px;height: 18px;background: url(../img/base/shopping_cart.png) center center no-repeat;margin: 8px 10px 8px 8px;;float: left;overflow: hidden;}
.shopping_cart span{font-size: 14px;color: #666;display: block;}
.mod_info a:hover{border: 1px solid #ff0000;}
.kefu_line{width: 145px;height: 34px;line-height: 34px;border: 1px solid #eaeaea;float: right;overflow: hidden;border-radius: 2px;}
.kefu_line .tel_icon{display: block;width: 18px;height: 18px;background: url(../img/base/telephone.png) center center no-repeat;margin: 8px 10px 8px 8px;float: left;overflow: hidden;}
.kefu_line span{font-size: 14px;color: #666;display: block;}

/* 导航 */
.mod_nav{height: auto;box-shadow: 0 4px 10px rgba(241,2,21,.25);
    background: -webkit-linear-gradient(90deg, #f45e6a, #f10215); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(90deg, #f45e6a, #f10215); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(90deg, #f45e6a, #f10215); /* Firefox 3.6 - 15 */
    background: linear-gradient(90deg, #f45e6a, #f10215); /* 标准的语法 */}
.mod_nav_wrap{width: 1190px;height: 36px;margin: 0 auto;color: #fff;font-size: 16px;}
.mod_serve{display: block;width: 200px;height: 36px;line-height: 36px;float: left;color: #fff;text-align: center;background: #e63b49; cursor: pointer;}

.mod_menu{width: 600px;height: 36px;float: left; position: relative}
.mod_menu>li{padding: 0 20px;height: 36px;line-height: 36px;text-align: center;float: left;position: relative;}
/* .mod_menu>li:hover::before{content: ''; position: absolute;z-index: 1;width: 70%;height: 2px; background: #fff;left: 15%; bottom: 0;}
.mod_menu>li.active::before{content: ''; position: absolute;z-index: 1;width: 70%;height: 2px; background: #fff;left: 15%; bottom: 0;} */
.mod_menu>li.po{ transition: all 0.3s; position: absolute;z-index: 1;width: 32px;height: 2px; background: #fff;left: 20px; bottom: 0; padding: 0; }

.mod_menu>li>a{color: #fff;}

/* 登录框 */
.mod_login{height: 36px;float:right;line-height: 36px;color: rgb(250, 158, 158);position: relative;}
.mod_login2{font-size: 14px;}
.mod_login .login{display: block;padding: 0 5px;height: 36px;line-height: 36px;color: #fff;margin-left: 130px;float: left;}
.mod_login>span{display: block;padding: 0 5px;height: 36px;line-height: 36px;color: #fff;float: left;}
.mod_login .register{display: inline-block;padding: 0 5px;height: 36px;line-height: 36px;color: #fff;}
.mod_login .avater{width: 25px;height: 25px;border-radius: 50%;overflow: hidden;padding: 0;margin-top: 5px;cursor: pointer;}
.mod_login .avater img{display: block;width: 100%;height: 100%;}
.mod_login .icon_down{display: block;width: 15px;height: 8px;margin: 15px 0 0 10px;background: url(../img/base/triangle_down.png) 0 center no-repeat;float: left;cursor: pointer;}
.mod_login2:hover .logined{display: block}
.mod_login .logined{display: none;width: 100px;height: 70px;position: absolute;top: 36px;right: 0;text-align: center;z-index: 1;font-weight: normal;}
.mod_login .logined li{width: 100%;height: 35px;line-height: 35px;background: #fff;}
.mod_login .logined li:hover{background: #999;}
.member_center i{display: block;width: 19px;height: 16px;background: url(../img/base/diamonds.png) 0 center no-repeat;margin-top: 9px;float: left;margin-left: 8px;}
.member_center span, .login_out span{display: block;padding: 0 5px;float: left;height: 35px;line-height: 35px;font-size: 14px;color: #999;}
.login_out i{display: block;width: 17px;height: 18px;background: url(../img/base/close.png) 0 center no-repeat;margin-top: 9px;margin-left: 8px;float: left;}

.logined .member_center:hover i{background: url(../img/base/diamonds_white.png) 0 center no-repeat;}
.logined .member_center:hover span, .logined .login_out:hover span{color: #fff;}
.logined .login_out:hover i{background: url(../img/base/close_white.png) 0 center no-repeat;}
.mod_login2 .icon_down{ transition: all 0.3s}
.mod_login2:hover .logined{display: block;}
.mod_login2:hover .icon_down{ transform:rotate(180deg);}

/* 楼层导航 */
.mod_sidemenu{width: 80px;height: auto;overflow: hidden;position: fixed;top: 50%;left: 50%;margin-top: -232px;margin-left: -690px;background: #fff;display: none;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.sidemenu_tit{width: 80px;height: 52px;line-height: 52px;text-align: center;font-size: 14px;color: #666666;border-bottom: 1px solid #eaeaea;font-weight: 700;}
.sidemenu_tit i{display: block;width: 12px;height: 16px;background: url(../img/base/icon_13.png) 0 0 no-repeat;float: left;margin: 18px 5px 0 18px;}
.sidemenu_tit span{display: block;padding: 0;height: 16px;line-height: 16px;margin-top: 18px;float: left;}
.mod_sidemenu ul{width: 80px;height: auto;}
.mod_sidemenu ul li{width: 80px;height: 40px;padding: 6px 0;text-align: center;font-size: 14px;color: #666;border-bottom: 1px solid #eaeaea;overflow: hidden;position: relative;}
.mod_sidemenu ul li:last-child{border-bottom: none;}
.mod_sidemenu ul li span{display: block;width: 80px;height: 20px;line-height: 20px;}
.mod_sidemenu ul li:hover{color: #ff0000;cursor: pointer;}
.mod_sidemenu ul li i{width: 20px;height: 20px;background: #ff0000;position: absolute;top: -10px;left: -10px;transform: rotate(45deg);display: none;}
.mod_sidemenu ul li.active{color: #ff0000;}
.mod_sidemenu ul li.active i{display: block;}

/* 右边固定条 */
.mod_sidebar{width: 36px;position: fixed;top: 0;right: 0;background: #666;z-index: 1;}
.mod_sidebar .sidebar_wrap{width: 100%;height: 100%;}
.mod_sidebar .sidebar_cont{width: 100%;height: 256px;position: relative;margin-top: 150px;left: 0;}
.mod_sidebar .sidebar_cont a{display: block;width: 100%;overflow: hidden;cursor: pointer;font-size: 12px;color: #fff;}
.mod_sidebar .sidebar_cont .ad i{display: block;width: 24px;height: 24px;background: url(../img/base/ad.png) 0 center no-repeat;margin: 32px 6px 6px;}
.mod_sidebar .sidebar_cont .ad span{display: block;width: 24px;height: 30px;line-height: 15px;margin: 6px;}
.mod_sidebar .sidebar_cont .customer_service{height: 60px;padding-top: 8px;position: absolute;top: 0;left: 0;}
.mod_sidebar .sidebar_cont .customer_service i{display: block;width: 24px;height: 24px;background: url(../img/base/kf.png) 0 center no-repeat;margin: 0px 6px 6px;}
.mod_sidebar .sidebar_cont .customer_service span{display: block;width: 24px;height: 30px;line-height: 15px;margin: 6px;}
.mod_sidebar .sidebar_cont .cart{background: #ff0000;height: 108px;padding-top: 20px;position: absolute;top: 80px;left: 0;}
.mod_sidebar .sidebar_cont .cart i{display: block;width: 24px;height: 21px;background: url(../img/base/shopping_cart_white.png) 0 center no-repeat;margin: 0px 6px 6px;}
.mod_sidebar .sidebar_cont .cart span{display: block;width: 12px;height: auto;line-height: 20px;margin: 6px auto;}
.collection{height: 60px;padding-top: 20px;position: absolute;top: 208px;left: 0;}
.collection i{display: block;width: 24px;height: 24px;background: url(../img/base/sc.png) 0 center no-repeat;margin: 0px 6px 6px;}
.collection span{display: block;width: 24px;height: 30px;line-height: 15px;margin: 6px;}
.follow_us{height: 60px;padding-top: 20px;position: absolute;top: 288px;left: 0;}
.follow_us i{display: block;width: 24px;height: 24px;background: url(../img/base/gz.png) 0 center no-repeat;margin: 0px 6px 6px;}
.follow_us span{display: block;width: 24px;height: 30px;line-height: 15px;margin: 6px;}
.follow_us_bg{width: 270px;height: 150px;position: absolute;top: 288px;left: -264px;display: none;}
.follow_us_wrap{width: 260px;height: 150px;background: #fff;position: relative;border: 1px solid rgba(204,204,204,0.3);box-shadow: 0 0 80px rgba(0,0,0,.1);}
.follow_us_wrap .fu_01, .follow_us_wrap .fu_02{display: block;width: 85px;height: auto;position: absolute;top: 20px;}
.follow_us_wrap .fu_01{left: 35px;}
.follow_us_wrap .fu_02{right: 35px;}
.follow_us_wrap .fu_01 p, .follow_us_wrap .fu_02 p{height: 25px;line-height: 25px;text-align: center;color: #666;}
.follow_us_wrap .fu_01 img, .follow_us_wrap .fu_02 img{display: block;width: 85px;height: 85px;}
.follow_us_wrap .sanjiao{width: 10px;height: 10px;background: #fff;border-top: 1px solid rgba(204,204,204,0.3);border-right: 1px solid rgba(204,204,204,0.3);transform:rotate(45deg);position: absolute;top: 39px;right: -6px;}
.mod_sidebar .sidebar_wrap .mod_totop{display: none;width: 100%;height: 128px;position: absolute;bottom: 20px;left: 0;font-size: 12px;color: #fff;opacity: .8;}
.mod_sidebar .sidebar_wrap .mod_totop:hover{opacity: 1;}
.mod_sidebar .sidebar_wrap .mod_totop i{display: block;width: 22px;height: 25px;background: url(../img/base/totop.png) 0 center no-repeat;margin: 6px auto;}
.mod_sidebar .sidebar_wrap .mod_totop span{display: block;width: 24px;height: 30px;line-height: 15px;margin: 6px;}

/* 主体 */
.mod_main{width: 1190px;height: auto;margin: 0 auto;}

.mod_top{width: 100%;height: 500px;overflow: hidden;margin: 0 auto 20px;}

/* 二级菜单 */
.mod_menu_list{display: block;width: 200px;height: 461px;/*float: left;*/background: #fff;position: absolute;z-index: 99;/* left: 50%; margin-left: -595px; top: 166px; */ display: none;box-shadow: 0 0px 40px rgba(51,51,51,.1);padding-top: 40px;}
.mod_serve:hover .mod_menu_list{ display: block;}
.mod_menu_list .mod_submenu{width: 198px;height: auto;margin: 0 auto;/*padding-top: 20px;*/min-height: 15px;border: #fff solid 1px;z-index: 22;border-right: rgba(255,255,255,0) solid 1px;}

.mod_subment_tit{width: 164px;height: 20px;position: relative;margin: 0 auto 15px;padding-top: 20px;}
/* .mod_subment_tit i{display: block;width: 100%;height: 1px;background: #dbdbdb;position: absolute;top: 7px;left: 0;} */
.mod_subment_tit .submenu_icon{display: block;width: 20px;height: 20px;position: absolute;top: 20px;left: 10px;}
.mod_subment_tit .submenu_icon_01{width: 20px;height: 20px;background: url(../img/base/icon_20.png) center center no-repeat;}
.mod_subment_tit .submenu_icon_02{width: 20px;height: 20px;background: url(../img/base/icon_21.png) center center no-repeat;}
.mod_subment_tit .submenu_icon_03{width: 20px;height: 20px;background: url(../img/base/icon_22.png) center center no-repeat;}
.mod_subment_tit .submenu_icon_04{width: 20px;height: 20px;background: url(../img/base/icon_23.png) center center no-repeat;}
.mod_subment_tit a{display: block;height: 20px;line-height: 20px;font-size: 16px;color: #333333;position: absolute;top: 20px;left: 40px;}
.mod_submenu dl, .mod_submenu dd{display: block;width: 164px;height: auto;margin: 0 auto 10px;overflow: hidden;}
.mod_submenu dl{border-bottom: rgba(204,204,204,0.5) solid 1px;margin-bottom: 0;}
.mod_submenu dd a{display: block;width: 82px;height: 25px;line-height: 25px;text-align: center;float: left;font-size: 14px;color: #666;}
.mod_submenu dd a:hover{color: #f64949;}

.mod_submenu .mod_submenu_top{display: block;width: 164px;height: auto;margin: 0 auto;overflow: hidden;
/*border-bottom: rgba(204,204,204,0.5) solid 1px;*/
padding-bottom: 10px;}
/*.mod_menu_list .mod_submenu:hover .mod_submenu_top{border-bottom: rgba(255,255,255,0.9) solid 1px;}*/
/*.mod_submenu .mod_submenu_top>li{display: block;width: 82px;height: 25px;line-height: 25px;text-align: center;float: left;font-size: 14px;color: #666;}*/
.mod_submenu .mod_submenu_top>li{
	display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;float: left;font-size: 14px;color: #666;
}
.mod_submenu .mod_submenu_top li i{
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
    width: 18px;
    height: 16px;
    transition: all .3s;
	-moz-transition: all .3s;	/* Firefox 4 */
	-webkit-transition: all .3s;	/* Safari 和 Chrome */
	-o-transition: all .3s;	/* Opera */
}
.mod_submenu .mod_submenu_top li .nav_img1{
	background: url(../img/newimg/nav_icon1.png) center center no-repeat;
    /*background-size: auto 100%;*/
}
.mod_submenu .mod_submenu_top .nav_1:hover .nav_img1{
	background: url(../img/newimg/nav_icon1_hover.png) center center no-repeat;
    /*background-size: auto 100%;*/
}

.mod_submenu .mod_submenu_top li .nav_img2{
	background: url(../img/newimg/nav_icon2.png) center center no-repeat;
    /*background-size: auto 100%;*/
}
.mod_submenu .mod_submenu_top .nav_2:hover .nav_img2{
	background: url(../img/newimg/nav_icon2_hover.png) center center no-repeat;
    /*background-size: auto 100%;*/
}

.mod_submenu .mod_submenu_top li .nav_img3{
	background: url(../img/newimg/nav_icon3.png) center center no-repeat;
    /*background-size: auto 100%;*/
}
.mod_submenu .mod_submenu_top .nav_3:hover .nav_img3{
	background: url(../img/newimg/nav_icon3_hover.png) center center no-repeat;
    /*background-size: auto 100%;*/
}

.mod_submenu .mod_submenu_top li .nav_img4{
	background: url(../img/newimg/nav_icon4.png) center center no-repeat;
    /*background-size: auto 100%;*/
}
.mod_submenu .mod_submenu_top .nav_4:hover .nav_img4{
	background: url(../img/newimg/nav_icon4_hover.png) center center no-repeat;
    /*background-size: auto 100%;*/
}

.mod_submenu .mod_submenu_top li .nav_img5{
	background: url(../img/newimg/nav_icon5.png) center center no-repeat;
    /*background-size: auto 100%;*/
}
.mod_submenu .mod_submenu_top .nav_5:hover .nav_img5{
	background: url(../img/newimg/nav_icon5_hover.png) center center no-repeat;
    /*background-size: auto 100%;*/
}

.mod_submenu .mod_submenu_top li .nav_img6{
	background: url(../img/newimg/nav_icon6.png) center center no-repeat;
    /*background-size: auto 100%;*/
}
.mod_submenu .mod_submenu_top .nav_6:hover .nav_img6{
	background: url(../img/newimg/nav_icon6_hover.png) center center no-repeat;
    /*background-size: auto 100%;*/
}

.mod_submenu .mod_submenu_top li .nav_img7{
	background: url(../img/newimg/nav_icon7.png) center center no-repeat;
    /*background-size: auto 100%;*/
}
.mod_submenu .mod_submenu_top .nav_7:hover .nav_img7{
	background: url(../img/newimg/nav_icon7_hover.png) center center no-repeat;
    /*background-size: auto 100%;*/
}

.mod_submenu .mod_submenu_top li .nav_img8{
	background: url(../img/newimg/nav_icon8.png) center center no-repeat;
    /*background-size: auto 100%;*/
}
.mod_submenu .mod_submenu_top .nav_8:hover .nav_img8{
	background: url(../img/newimg/nav_icon8_hover.png) center center no-repeat;
    /*background-size: auto 100%;*/
}

.mod_submenu .mod_submenu_top li .nav_img9{
	background: url(../img/newimg/nav_icon9.png) center center no-repeat;
    /*background-size: auto 100%;*/
}
.mod_submenu .mod_submenu_top .nav_9:hover .nav_img9{
	background: url(../img/newimg/nav_icon9_hover.png) center center no-repeat;
    /*background-size: auto 100%;*/
}

.mod_submenu .mod_submenu_top li .nav_img10{
	background: url(../img/newimg/nav_icon10.png) center center no-repeat;
    /*background-size: auto 100%;*/
}
.mod_submenu .mod_submenu_top .nav_10:hover .nav_img10{
	background: url(../img/newimg/nav_icon10_hover.png) center center no-repeat;
    /*background-size: auto 100%;*/
}


.mod_submenu .mod_submenu_top>li:hover a{color: #ff0000;}

.submenu_pop{display: none;padding: 20px 30px;width: 700px;height: auto;position: absolute;top: 10px;left: 0;margin-left: 200px;z-index: 3;border: 1px solid #f10215;border-radius:0 2px 2px 0;background: rgba(255,255,255,.9);}
.mod_menu_list .mod_submenu:hover .submenu_pop{display: block;}

/* .mod_menu_list .mod_submenu:hover{width: 198px;border: #f10215 solid 1px;background: #fff;} */
/* .mod_menu_list .mod_submenu:hover dl{border-bottom: rgba(255,255,255,0.9) solid 1px;} */
.mod_menu_list .mod_submenu:last-child dl{border-bottom: #fff solid 1px;}
/*.mod_menu_list .mod_submenu.active{width: 199px;background: rgba(255,255,255,1);border: #f10215 solid 1px;border-right: none;}*/

.submenu_pop .pop_top{display: block;width: 700px;height: 25px;overflow: hidden;margin-bottom: 20px;}
.submenu_pop .pop_top li{display: block;padding: 0;height: 25px;line-height: 25px;text-align: center;margin-right: 5px;float: left;background: #f64949;border-radius: 2px;}
.submenu_pop .pop_top a{display: block;padding: 0 10px;height: 25px;line-height: 25px;text-align: center;float: left;background: #f64949;border-radius: 2px;color: #fff;}
.submenu_pop .pop_top li a{font-size: 12px;color: #fff;}
.pop_list{width: 700px;height: auto;overflow: hidden;}
/* .pop_list>li{width: 700px;min-height: 15px;line-height: 15px;max-height: 40px;}
.pop_list>li>a{display: block;width: 60px;height: 20px;float: left;font-size: 12px;color: #333;}
.pop_list>li>a:hover{color: #ff0000;}
.pop_list>li>ul{width: 584px;height: 40px;float: left;}
.pop_list>li>ul>li{display: block;padding: 0 10px;border-right: 1px solid #eaeaea;float: left;height: 15px;line-height:15px;margin-bottom: 5px; }
.pop_list>li>ul>li>a{font-size: 12px;color: #999;}
.pop_list>li>ul>li>a:hover{color: #ff0000;} */
/* .pop_list>li{display: block;padding: 0 10px;border-right: 1px solid #eaeaea;float: left;height: 15px;line-height:15px;margin-bottom: 30px;}
.pop_list>li:hover a{color: #ff0000;} */
.pop_list>li{display: block;width: 100%;height: auto;overflow: hidden;    margin-bottom: 5px;}
.pop_list>li .menu{display: block;height: auto;float: left;padding-right: 20px;font-size: 12px;color: #333; line-height: 18px;}
.pop_list>li .sub_menu_list{display: block;width: 620px;height: auto;overflow: hidden;float: right;}
.pop_list>li .sub_menu_list li{display: block;padding: 0 10px;border-left: 1px solid #eaeaea;float: left;height: 15px;line-height:15px;margin-bottom: 10px;}
.pop_list>li .sub_menu_list li>a{font-size: 12px;color: #999;}
.pop_list>li .sub_menu_list li a:hover{color: #ff0000;}

/* banner */
.mod_banner{width: 990px;height: 490px;margin-top: 10px;float: left;overflow: hidden;position: relative; margin-left: 200px;background: #fff;}
.mod_banner .bd{position: relative;height: 100%;z-index: 0;}
.mod_banner .bd li{zoom: 1;vertical-align: middle;}
.mod_banner .bd img{width: 990px;height: 490px;display: block;}
.mod_banner .hd{ height:25px; overflow:hidden; position:absolute; right:50%; bottom:30px; z-index:1; }
.mod_banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.mod_banner .hd ul li{ float:left; margin-right:6px;  width:25px; height:25px; line-height:25px; text-align:center; background:#fff; cursor:pointer;color: #111;}
.mod_banner .hd ul li.on{ background:#000; color:#fff; }
.mod_banner .prev, .mod_banner .next{position:absolute; top:50%; margin-top:-40px; display:block; width:60px; height:80px;opacity:0.5;background: #000;display: none;}
.mod_banner .prev{background: url(../img/base/triangle_left.png) center center no-repeat;right: 90px;}
.mod_banner .next{background: url(../img/base/triangle_right.png) center center no-repeat;right: 20px;}
.mod_banner:hover .prev, .mod_banner:hover .next{display: block;}

/* 企业宣传广告 */
.mod_ad_banner{width: 1190px;height: 100px;overflow: hidden;margin-bottom: 20px;background: #fff;}
.mod_ad_banner a{display: block;}
.mod_ad_banner a img{display: block;width: 1190px;height: 100px;}

/* 优秀案例 */
.mod_case{width: 1150px;height: 433px;margin: 0 auto 20px;padding: 20px;background: #fff;overflow: hidden;position: relative;}
.mod_case_tit{width: 100%;height: 38px;overflow: hidden;border-bottom: 1px solid #f10215;margin-bottom: 20px;}
.mod_case_tit span{display: block;padding: 0;float: left;height: 36px;line-height: 30px;border-bottom: 2px solid #f10215;font-size: 24px;color: #f10215;}
.mod_case_tit a{display: block;padding: 0;float: right;height: 38px;line-height: 38px;font-size: 16px;color: #666;}
.mod_case_tit a:hover{color: #f10215;}
.mod_case_list{width: 984px;height: 380px;overflow: hidden;margin: 0 auto;}
.mod_case_list li{width: 492px;height: 159px;float: left;overflow: hidden;margin: 13px 0;}
.mod_case_list li:nth-child(2n-1) .case_pic{float: right;}
.mod_case_list li:nth-child(2n) .case_pic{float: left;}
.mod_case_list li:nth-child(2n-1) .case_text{float: left;}
.mod_case_list li:nth-child(2n) .case_text{float: right;}
.mod_case_list .case_pic{width: 262px;height: 159px;overflow: hidden;margin: 0 13px;}
.mod_case_list .case_pic img{display: block;width: 262px;height: 159px;}
.mod_case_list .case_text{width: 190px;height: 159px;}
.mod_case_list .case_text span{display: block;width: 204px;height: 16px;font-size: 16px;color: #333;font-weight: bold;margin: 10px 0 20px;}
.mod_case_list .case_text span i{display: inline-block;width: 16px;height: 16px;background: #f10215;color: #fff;text-align: center;line-height: 16px;font-size: 12px;border-radius: 50%;margin-right: 10px;}
.mod_case_list .case_text p{width: 164px;height: auto;padding-left: 26px;line-height: 20px;font-size: 12px;color: #999;}

.mod_case .case_circle_01{width: 160px;height: 160px;background: rgba(255,255,255,.6);position: absolute;top: 184px;left: 515px;border-radius: 50%;}
.mod_case .case_circle_02{width: 120px;height: 120px;background: rgba(255,255,255,.9);position: absolute;top: 204px;left: 535px;border-radius: 50%;}
.mod_case .case_circle_02 span{display: block;width: 100%;height: 20px;line-height: 20px;font-size: 18px;color: #333;text-align: center;margin: 35px auto 10px;font-weight: bold;}
.mod_case .case_circle_02 p{width: 100%;height: 18px;line-height: 18px;font-size: 16px;color: #999;text-align: center;}
/* .mod_case_list li a{display: block;}
.mod_case_list li img{display: block;width: 281px;height: 210px;}
.mod_case_list li em{display: block;width: 281px;height: 210px; position: relative; overflow: hidden;}
.mod_case_list li em::before{ position: absolute; z-index: 1; top: 0; left:0; width: 100%; height: 100%;  border-radius: 50%; background:rgba(0,0,0,0.1); content: ''; transition: all 0.2s; transform: scale(0)}
.mod_case_list li:hover em::before{ transform: scale(1.5)}
.mod_case_list li span{display: block;width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 14px;color: #333;}
.mod_case_list li:hover span{color: #f10215;box-shadow: 5px 5px 5px rgba(0,0,0,0.5);} */

/* 热门定制 */
.mod_hot{width: 1150px;height: 348px;margin: 0 auto 30px;padding: 20px;background: #fff;overflow: hidden;}
.mod_hot_tit{width: 100%;height: 38px;overflow: hidden;border-bottom: 1px solid #f10215;margin-bottom: 32px;}
.mod_hot_tit span{display: block;padding: 0;float: left;height: 36px;line-height: 36px;border-bottom: 2px solid #f10215;font-size: 24px;color: #f10215;}
.mod_hot_tit a{display: block;padding: 0;float: right;height: 38px;line-height: 38px;font-size: 16px;color: #666;}
.mod_hot_tit a:hover{color: #f10215;}
.mod_hot_list{width: 960px;height: 290px;overflow: hidden;margin: 0 auto;}
.mod_hot_list li{width: 240px;height: auto;margin: 0 40px;float: left;overflow: hidden;}
.mod_hot_list li a{display: block;}
.mod_hot_list li img{display: block;width: 136px;height: 156px;margin: 0 auto;}
.mod_hot_list li a .mod_hot_list_tit{width: 100%;height: 16px;overflow: hidden;margin: 32px 0 22px;}
.mod_hot_list li a .mod_hot_list_tit i{display: block;width: 16px;height: 16px;background: url(../img/hot/hot_04.png) center center no-repeat;text-align: center;line-height: 16px;color: #fff;float: left;margin-left: 75px;margin-right: 10px;}
.mod_hot_list li a .mod_hot_list_tit span{display: block;padding: 0;height: 16px;line-height: 16px;font-size: 16px;color: #333;float: left;}
.mod_hot_list li a p{width: 100%;height: auto;font-size: 12px;color: #999;line-height: 20px;}

/* 商品楼层 */
.mod_floor{width: 1150px;height: 597px;padding: 20px;margin: 0 auto 20px;background: #fff;overflow: hidden;}
.hidd{background: #fff url(../img/base/loading.gif) center center no-repeat;}
.mod_floor_tit{width: 100%;height: 38px;overflow: hidden;border-bottom: 1px solid #ccc;margin-bottom: 20px;}
.mod_floor_tit span{display: block;padding: 0;float: left;height: 36px;line-height: 30px;border-bottom: 2px solid #ccc;font-size: 24px;color: #333;}
.mod_floor_tit a{display: block;padding: 0;float: right;height: 38px;line-height: 38px;font-size: 16px;color: #666;}
.mod_floor_tit a:hover{color: #ff0000;}
.mod_floor_content{width: 100%;height: 520px;overflow: hidden;}
.floor_ad{display: block;width: 228px;height: 520px;float: left;overflow: hidden;background: #fff;}
.floor_ad img{width: 228px;height: 520px; transition: all 0.2s}
.floor_ad:hover img{ transform: scale(1.1)}
.floor_content{width: 903px;height: 520px;float: right;overflow: hidden;}
.floor_goods{display: block;width: 903px;height: 450px;overflow: hidden;}
.floor_goods li{display: block;width: 225px;height: 225px;float: left;border-right: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;overflow: hidden;}
.floor_goods li:nth-child(4n){border-right: none;}
.floor_goods li:nth-child(5){border-bottom: none;}
.floor_goods li:nth-child(6){border-bottom: none;}
.floor_goods li:nth-child(7){border-bottom: none;}
.floor_goods li:nth-child(8){border-bottom: none;}
.floor_goods li:hover .floor_goods_name{ color: #ff0000}
.floor_goods li a{display: block;}
.floor_goods_img{display: block;width: 148px;height: 148px;margin: 15px auto 5px;overflow: hidden;background: #fff;}
.floor_goods_img img{display: block;width: 100%; transition: all 0.2s}
.floor_goods li:hover img{ transform:scale(1.2);}
.floor_goods_name{display: block;padding:0 12px;height: 25px;line-height: 25px;text-align: center;font-size: 14px;color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.floor_goods_price{display: block;width: 100%;height: 25px;line-height: 25px;text-align: center;font-size: 14px; transition: all 0.2s}
.floor_goods li:hover .floor_goods_price{margin-top: -5px;}
.floor_goods_price label{color: #ff0000;}
.floor_goods_price del{color: #999;}
.mod_floor_brand{width: 100%;height: 50px;margin-top: 20px;overflow: hidden;}
.mod_floor_brand .prev, .mod_floor_brand .next{display: block;width: 22px;height: 50px;line-height: 48px;text-align: center;float: left;overflow: hidden;/*margin: 0 35px;*/}
.mod_floor_brand .prev{background: url(../img/base/left.png) 0 center no-repeat;}
.mod_floor_brand .next{background: url(../img/base/right.png) 0 center no-repeat;}
.mod_floor_brand .bd{width: 854px;float: left;overflow: hidden;}
.mod_floor_brand .bd ul{overflow: hidden;zoom: 1;}
.mod_floor_brand .bd ul li{float: left;_display: inline;overflow: hidden;border-right: 1px solid #eaeaea;width: 150px;padding: 0 10px;}
.mod_floor_brand .bd ul li a{display: block;}
.mod_floor_brand .bd ul li a img{display: block;width: 150px;height: 50px;margin: 0 auto;}

/* 关于  & 联系我们 */
.about_connect{width: 1190px;height: auto;overflow: hidden;margin-bottom: 20px;}
.about_connect .about_wrap{width: 545px;height: 375px;padding: 20px;background: #fff;float: left;margin-right: 20px;}
.about_connect .about_wrap:nth-child(2n){margin-right: 0;}
.about_connect .about_tit{width: 545px;height: 80px;overflow: hidden;margin-bottom: 30px;}
.about_connect .about_tit img{display: block;width: 100%;}
.about_connect .about_content{width: 100%;height: 265px;overflow: hidden;}
.about_connect .about_content>li{width: 242px;height: 265px;padding-right: 28px;float: left;border-right: #e5e5e5 solid 1px;margin-right: 30px;}
.about_connect .about_content>li:nth-child(2n){border: none;margin-right: 0;padding-right: 0;}
.about_subtit{width: 100%;height: 20px;text-align: center;margin-bottom: 20px;}
.about_subtit i{display: inline-block;width: 16px;height: 16px;line-height: 16px;text-align: center;color: #fff;background: #f10215;font-size: 12px;border-radius: 50%;margin-right: 10px;}
.about_subtit span{font-size: 16px;font-weight: bold;}

.dangmai_dt{width: 100%;height: auto;max-height: 150px;overflow: hidden;list-style: square inside url('../img/base/icon_12.png')}
.dangmai_dt li{width: 100%;height: auto;max-height: 40px;line-height: 20px;margin-bottom: 10px;overflow: hidden;}
.dangmai_dt li a{font-size: 14px;color: #666;}
.dangmai_dt li a:hover{color: #f10215;}
.dangmai_zs{width: 100%;height: auto;max-height: 165px;overflow: hidden;list-style: square inside url('../img/base/icon_12.png')}
.dangmai_zs li{width: 100%;height: auto;max-height: 40px;line-height: 20px;margin-bottom: 10px;overflow: hidden;}
.dangmai_zs li a{font-size: 14px;color: #666;}
.dangmai_zs li a:hover{color: #f10215;}

.about_connect .about_more{display: block;width: 68px;height: 30px;line-height: 30px;text-align: center;background: #f2f2f2;border: 1px solid rgba(204,204,204,.5);border-radius: 2px;margin: 30px auto 0;}
.about_connect .about_more:hover{background: #fff;border: #f10215 solid 1px;color: #f10215;}
.connect_left{width: 100%;;height: 100px;display: block;float: left;overflow: hidden;}
.connect_left li{width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #666;margin: 0 auto;}
.connect_right{width: 100%;height: 110px;display: block;float: left;overflow: hidden;}
.connect_right li{width: 85px;height: 110px;display: block;float: left;margin-right: 40px;}
.connect_right li:nth-child(2n){margin-right: 0;}
.connect_right li img{display: block;width: 85px;height: 84px;}
.connect_right li span{display: block;width: 85px;height: 25px;line-height: 25px;text-align: center;font-size: 14px;color: #666;} 

/* 网页底部 */
.mod_foot{width: 100%;height: auto;background: #f0f0f0;padding-top: 30px;color: #fff; overflow: hidden;}
.footer_ul{width: 450px;height: auto;display: block;padding: 26px 0 0;float: left;margin-bottom: 20px;}
.footer_ul>li{width: 112px;height: auto;float: left;overflow: hidden;}
.footer_ul>li>a{font-size: 14px;color: #666;display: block;width: 100%;text-align: center;}
.footer_ul>li>ul{width: 112px;height: auto;overflow: hidden;}
.footer_ul>li>ul>li{height: 20px;line-height: 20px;text-align: center;}
.footer_ul>li>ul>li>a{font-size: 12px;color: #666;}
/* .footer_ul>li>ul>li>a:hover{color: #fff;} */
.mod_copy{width: 100%;height: 30px;line-height: 30px;text-align: center;color: #999;margin-bottom: 20px;}
.foot_wrap{width: 870px;margin: 0 auto 28px;height: auto;overflow: hidden;}
.foot_list{width: 25%;height: auto;float: left;cursor: pointer;}
.foot_list img{width: 54px;height: 58px;display: block;margin: 0 auto;}
.foot_tit{height: 40px;line-height: 46px;font-size: 16px;color: #666;text-align: center;font-weight: 600}
.foot_box{height: 20px;text-align: center;color: #666;line-height: 10px;}
.foot_box li{width: 100%;height: 20px;line-height: 20px;color: #666;text-align: center;}
.foot_list:hover .foot_box{display: block;}

.footer_wrap{width: 900px;height: auto;overflow: hidden;margin: 0 auto;padding: 0 145px;border-bottom: rgba(204,204,204,0.3) solid 1px;}
.foot_code{width: 450px;height: auto;overflow: hidden;padding-top: 26px;}
.foot_code li{width: 150px;height: auto;float: left;overflow: hidden;}
.foot_code li img{display: block;width: 80px;height: 80px;margin: 0 auto;}
.foot_code li p{height: 20px;line-height: 20px;font-size: 12px;color: #666;text-align: center;}
.foot_pp{width: 492px;height: 47px;overflow: hidden;margin: 20px auto;}
.foot_pp li{width: 124px;height: 47px;float: left;margin-right: 60px;}
.foot_pp li:last-child{margin-right: 0;}
.foot_pp li img{width: 124px;height: 47px;display: block;}

/* 友情链接 */
.friend_link{width: 720px;height: 15px;overflow: hidden;margin: 20px auto 0;font-size: 14px;}
.friend_link span{display: block;width: 80px;height: 15px;line-height:15px;overflow: hidden;float: left;color: #333;}
.friend_link .friend_link_wrap,
.friend_link .friend_link_wrap .bd,
.friend_link .friend_link_wrap .bd ul{width: 640px;height: 15px;line-height: 15px;float: left;}
.friend_link .friend_link_wrap .bd ul li{width: 59px;height: 15px;line-height: 15px;float: left;padding: 0 10px;border-right: #999 solid 1px;text-align: center;}
.friend_link_wrap .bd ul li a{color: #666;}